<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1">
<link rel="icon" href="../favicon.ico" />
<title>Tower of Hanoi</title>
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../header/header.css" />
<link rel="stylesheet" type="text/css" href="../hanoi/hanoi.css" />
</head>
<body>
	<div class="container">
		<nav class="navbar aenigma-header" role="navigation">
			<div class="aenigma-header-left">
				<table>
					<tr>
						<td><a href="../menu/index.html"><img alt="Aenigmates" src="../back.png" class="img-responsive back"></a></td>
						<td><a href="../menu/index.html"><img alt="Aenigmates" src="../logo_aenigmates.jpg"
								class="img-responsive logo"></a></td>
					</tr>
				</table>
			</div>
			<div class=" aenigma-header-right">
				<div class="dashed  dashed-top"></div>
				<div class="aenigma-title">Hanoi tower</div>
				<div class="aenigma-level">Level 9</div>
				<div class="dashed"></div>
			</div>
			<div class="clear"></div>
			<hr />
		</nav>

		<div class="page">
			<div class="hanoi-container"></div>
		</div>
	</div>

	<script src="../hanoi/hanoi.js"></script>
	<script src="../jquery/jquery-2.0.3.min.js"></script>
	<script src="../hammer/jquery.hammer.min.js"></script>
	<script src="../three/three.min.js"></script>
	<script src="../storage/jquery.json-2.4.min.js"></script>
	<script src="../storage/jstorage.min.js"></script>
	<script src="../storage/aestorage.js"></script>
	<script src="../hanoi/hanoiView.js"></script>
	<script src="../bootstrap/js/bootstrap.min.js"></script>

	<script>
		$(function() {
			var controller = new HanoiController(new HanoiView($('.hanoi-container')), 4);
			controller.startup();
		});
	</script>

</body>
</html>